.mine{
	position: relative;
	background-color: #f2f2f2;
	// height: 1600rpx;
	min-height:100vh;
	.user-info-container{
		height: 403rpx;
		width: 100%;
		background-color: $global-theme-color;
		border-radius: 0rpx 0rpx 50% 50%;
		padding:60rpx 0rpx 0rpx 34rpx;
		box-sizing: border-box;
		display: flex;
		
		.user-info-left{
			width: 450rpx;
			height: 112rpx;
			display: flex;
			align-items: center;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			.user-avatar{
				width: 112rpx;
				height: 112rpx;
				.avatar{
					width:100%;
					height: 100%;
					border-radius: 50%;
				}
			}
			.user-info-detail{
				margin-left: 18rpx;
				
				.user-name{
					height: 50rpx;
					font-size: 36rpx;
					font-family: $global-font-family;
					font-weight: 800;
					color: #FFFFFF;
					line-height: 50rpx;
					margin-bottom: 2rpx;
				}
				.user-phone{
					height: 34rpx;
					font-size: 24rpx;
					font-family: $global-font-family;
					font-weight: 400;
					color: #F2F2F2;
					line-height: 34rpx;
				}
			}
		}
		.user-info-right{
			flex: 1;
			height: 112rpx;
			display: flex;
			align-items: center;
			.user-identity{
				width: 100%;
				height: 60rpx;
				background: linear-gradient(150deg, #FFB22C 0%, #FFDFC5 50%, #FF9830 100%);
				border-radius: 30rpx 0rpx 0rpx 30rpx;
				font-size: 20rpx;
				font-family: $global-font-family;
				font-weight: bold;
				color: #9C331B;
				line-height: 60rpx;
				text-align: center;
			}
		}
	}
	.main-container{
		padding: 0rpx 32rpx 0rpx 32rpx;
		box-sizing: border-box;
		transform:translateY(-186rpx);
		position: relative;
		width: 100%;
		// top: 390rpx;
		.account-amount-container{
			width: 100%;
			height: 270rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 6rpx 14rpx 2rpx rgba(0,87,154,0.1);
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			display: flex;
			.account-amount-item{
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 50%;
				font-family: $global-font-family;
				padding-top: 50rpx;
				box-sizing: border-box;
				position: relative;
				&:first-of-type{
					&::after{
						right: 0rpx;
						top: 66rpx;
						position: absolute;
						content: "";
						width: 2rpx;
						height: 74rpx;
						background: #999999;
					}
				}
				.amount-count{
					height: 66rpx;
					font-size: 48rpx;
					font-weight: 800;
					color: #333333;
					line-height: 66rpx;
					width: 100%;
					text-align: center;
				}
				.amount-label{
					height: 40rpx;
					font-size: 28rpx;
					font-weight: bold;
					color: #666666;
					line-height: 40rpx;
					margin-bottom: 16rpx;
				}
				.withdraw-btn{
					width: 158rpx;
					height: 50rpx;
					background: $global-theme-color;
					border-radius: 16rpx 16rpx 16rpx 16rpx;
					font-size: 28rpx;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 50rpx;
					text-align: center;
					&:active{
						background-color: $global-theme-light-color;
					}
				}
			}
		}
		
		.my-order{
			width: 100%;
			height: 88rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 6rpx 14rpx 2rpx rgba(0,87,154,0.1);
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			margin-top: 32rpx;
			font-family: $global-font-family;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0rpx 24rpx 0rpx 32rpx;
			box-sizing: border-box;
			color: #333333;
			text{
				font-weight: 800;
				font-size: 32rpx;
			}
			.icon{
				font-weight: 800;
				font-size: 28rpx;
			}
		}
		.entry-list-container{
			padding: 12rpx 24rpx 14rpx 24rpx;
			box-sizing: border-box;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			margin-top: 32rpx;
			.entry-item{
				height: 100rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				position: relative;
				.entry-item-left{
					display: flex;
					align-items: center;
					.left-icon{
						width: 57rpx;
						height: 57rpx;
						margin-right: 20rpx;
						.icon{
							font-size: 57rpx;
						}
						
					}
					.entry-name{
						height: 44rpx;
						font-size: 32rpx;
						font-family: $global-font-family;
						font-weight: 400;
						color: #333333;
						line-height: 44rpx
					}
				}
				.arrow-icon{
					font-size: 28rpx;
				}
				&::after{
					position: absolute;
					content:"";
					width: 576rpx;
					height: 2rpx;
					background-color: #cccccc;
					bottom: 0rpx;
					right: 0rpx;
				}
				&:last-of-type{
					&::after{
						background-color:#ffffff;
					}
				}
			}
		}
	}
}